﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="../layui/css/layui.css"  media="all">
<link href="../css/base.css" rel="stylesheet" type="text/css" />
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"  src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/showlist.js" ></script>
<style>
	.itheclose table th,td,tr{border:1px solid #dddddd;height:38px;text-align:center;font-weight:normal;border-top:0px;}
</style>
</head>

<body>
<div class="Bill">
  <div class="batch">
  <form class="layui-form" >
    <div class="layui-form-item">
      <label class="layui-form-label">计费对象名称：</label>
      <div class="layui-input-block">
        <input name="title" class="layui-input" type="text" placeholder="请填写计费对象名称">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">计费对象代码：</label>
      <div class="layui-input-block">
        <input name="title" class="layui-input" type="text" placeholder="请填写计费对象代码">
      </div>
    </div>
<div class="layui-form-item">
      <label class="layui-form-label">计费对象类别：</label>
      <div class="layui-input-block">
        <input name="title" class="layui-input" type="text" id="layui-input04">
      </div>
    </div>
    <!--下边是计费对象类别的选项卡-->
    <div class="layui-form-item" style="height:210px;" id="layui-choose04">
    	<div class="layui-trian layui-trian01"></div>
	    <div class="layui-trian layui-trian02"></div>
    	<div class="itheclose">
    		<table>
	    		<thead>
	    			<th class="layui-bos">计费对象大类</th>
	    			<th>计费对象小类</th>
	    		</thead>
				<tbody>
					<tr>
						<td>普通机构</td>
						<td>
							<ul id="choose-all01"><li>
								<input type="checkbox"> <lable>全选</lable></li>
								<li><input type="checkbox"> <lable>国有商业银行</lable></li>
								<li><input type="checkbox"> <lable>股份制商业银行</lable></li>
								<li><input type="checkbox"> <lable>城市商业银行</lable></li>
								<li><input type="checkbox"> <lable>中国邮政储蓄银行</lable></li>
								<li><input type="checkbox"> <lable>外资银行</lable></li>
								<li><input type="checkbox"> <lable>金融租赁银行</lable></li>
								<li><input type="checkbox"> <lable>汽车金融银行</lable></li>
								<li><input type="checkbox"> <lable>城市信用社</lable></li>
								<li><input type="checkbox"> <lable>中资财务公司</lable></li>
								<li><input type="checkbox"> <lable>外国银行分行</lable></li>
								<li><input type="checkbox"> <lable>外资财务公司</lable></li>
								<li><input type="checkbox"> <lable>合资财务公司</lable></li>
								<li><input type="checkbox"> <lable>信托投资公司</lable></li>
								<li><input type="checkbox"> <lable>合资银行</lable></li>
								<li><input type="checkbox"> <lable>融资性担保公司</lable></li>
								<li><input type="checkbox"> <lable>典当公司</lable></li>
								<li><input type="checkbox"> <lable>律师事务所</lable></li>
								<li><input type="checkbox"> <lable>资产管理公司</lable></li>
								<li><input type="checkbox"> <lable>关停机构</lable></li>
								<li><input type="checkbox"> <lable>地方政府单位</lable></li>
								<li><input type="checkbox"> <lable>公积金中心</lable></li>
								<li><input type="checkbox"> <lable>法院</lable></li>
								<li><input type="checkbox"> <lable>通信公司</lable></li>
								<li><input type="checkbox"> <lable>保理公司</lable></li>
								<li><input type="checkbox"> <lable>证券公司</lable></li>
								<li><input type="checkbox"> <lable>住房储蓄银行</lable></li>
								<li><input type="checkbox"> <lable>消费金融公司</lable></li>
								<li><input type="checkbox"> <lable>贷款公司</lable></li>
								<li><input type="checkbox"> <lable>保险公司</lable></li>
								<li><input type="checkbox"> <lable>台资银行</lable></li>
								<li><input type="checkbox"> <lable>其他</lable></li>
							</ul>
						</td>
					</tr>
					<tr>
						<td>政策优惠机构</td>
						<td>
							<ul id="choose-all02">
								<li><input type="checkbox"> <lable>全选</lable></li>
								<li><input type="checkbox"> <lable>农村商业银行</lable></li>
								<li><input type="checkbox"> <lable>农村合作银行</lable></li>
								<li><input type="checkbox"> <lable>农村信用社</lable></li>
								<li><input type="checkbox"> <lable>小额贷款公司</lable></li>
								<li><input type="checkbox"> <lable>村镇银行</lable></li>
							</ul>
						</td>
					</tr>
					<tr>
						<td>信息主题查询机构</td>
						<td>
							<ul  id="choose-all03">
								<li><input type="checkbox"> <lable>全选</lable></li>
								<li><input type="checkbox"> <lable>人民银行分支行</lable></li>
								<li><input type="checkbox"> <lable>中国互联网</lable></li>
								<li><input type="checkbox"> <lable>商业银行网银</lable></li>
								<li><input type="checkbox"> <lable>其他代理网点</lable></li>
							</ul>
						</td>
					</tr>
					<tr>
						<td>其他</td>
						<td>
							<ul  id="choose-all08">
								<li><input type="checkbox"> <lable>全选</lable></li>
								<li><input type="checkbox"> <lable>征信中心</lable></li>
								<li><input type="checkbox"> <lable>中国人民银行</lable></li>
							</ul>
						</td>
					</tr>
				</tbody>
			</table>
    	</div>
    	<div class="itheclose">
    		<table>
	    		<thead>
	    			<th class="layui-btnw"></th>
	    			<th class="layui-yof" id="layui-on-off01">
	    				<div> <img src="../images/ico/Reject.png" alt="取消按钮" />取消</div>
						<div><img src="../images/ico/btn-ico-18.png" alt="确认按钮" />确定</div>
	    			</th>
	    		</thead>
				<tbody>
				</tbody>
			</table>
    	</div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">行政区划：</label>
      <div class="layui-input-inline">
        <select name="quiz1">
          <option value="">请选择省</option>
          <option value="河北省" selected="selected">河北省</option>
          <option value="河南省">河南省</option>
          <option value="山西省">山西省</option>
        </select>
      </div>
      <div class="layui-input-inline">
        <select name="quiz2">
          <option value="">请选择市</option>
          <option value="石家庄">石家庄</option>
          <option disabled="disabled" value="">保定市</option>
          <option value="衡水市">衡水市</option>
        </select>
      </div>
      <div class="layui-input-inline">
        <select name="quiz3">
          <option value="">请选择县/区</option>
          <option value="正定">正定</option>
          <option value="宝华县">宝华县</option>
          <option value="抚阳县">抚阳县</option>
        </select>
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">账单状态：</label>
      <div class="layui-input-block">
        <ul class="sel">
          <li class="hvoer">未销账</li>
          <li>部分销账</li>
          <li>已销账</li>
        </ul>
      </div>
    </div>
        <div class="layui-form-item">
      <label class="layui-form-label">账单费用起始年月：</label>
      <div class="layui-input-block">
        <input class="layui-input" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" >
      </div>
    </div>
        <div class="layui-form-item">
      <label class="layui-form-label">账单费用终止年月：</label>
      <div class="layui-input-block">
        <input class="layui-input" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" >
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">生成账单时间：</label>
      <div class="layui-input-block">
        <input class="layui-input" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" >
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">账单金额最小值：</label>
      <div class="layui-input-block">
        <input class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">账单金额最大值：</label>
      <div class="layui-input-block">
        <input class="layui-input" >
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">账单编号：</label>
      <div class="layui-input-block">
        <input class="layui-input" >
      </div>
    </div>
    </form>
    <div class="btn">
     <div class="ext"><a href="../复用/导出.html"><i><img src="../images/ico/btn-ico-15.png"/></i><span>导出</span></a></div>    </div>
  </div>
</div>
<script type="text/javascript" src="../layui/layui.js"></script> 
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form()
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
});

layui.use('laydate', function(){
  var laydate = layui.laydate;
  var start = {
    min: laydate.now()
    ,max: '2099-06-16 23:59:59'
    ,istoday: false
    ,choose: function(datas){
      end.min = datas; //开始日选好后，重置结束日的最小日期
      end.start = datas //将结束日的初始值设定为开始日
    }
  };
  
  var end = {
    min: laydate.now()
    ,max: '2099-06-16 23:59:59'
    ,istoday: false
    ,choose: function(datas){
      start.max = datas; //结束日选好后，重置开始日的最大日期
    }
  };
  
  document.getElementById('LAY_demorange_s').onclick = function(){
    start.elem = this;
    laydate(start);
  }
  document.getElementById('LAY_demorange_e').onclick = function(){
    end.elem = this
    laydate(end);
  }
});
var oBtn0 = document.getElementById("layui-on-off01").getElementsByTagName('div')[0];
var oBtn1 = document.getElementById("layui-on-off01").getElementsByTagName('div')[1];
var oBtn2 = document.getElementById("layui-on-off02").getElementsByTagName('div')[0];
var oBtn3 = document.getElementById("layui-on-off02").getElementsByTagName('div')[1];
var oBtn4 = document.getElementById("layui-on-off03").getElementsByTagName('div')[0];
var oBtn5 = document.getElementById("layui-on-off03").getElementsByTagName('div')[1];
var oChoose0 =document.getElementById("layui-choose04");

document.getElementById("layui-input04").onclick = function(){
	document.getElementById("layui-choose04").style.display = "block";
};

oBtn0.onclick = function(){
	oChoose0.style.display = "none";
};
oBtn1.onclick = function(){
	oChoose0.style.display = "none";
};


function closeAll(xBtn){
	var iBtn = document.getElementById(xBtn).getElementsByTagName('input');
	iBtn[0].onclick = function(){
		if(iBtn[0].checked){
			for (var i=0;i<iBtn.length;i++) {
				iBtn[i].checked = true;
			}
		}else{
			for (var i=0;i<iBtn.length;i++) {
				iBtn[i].checked = false;
			}
		}
	}
}
closeAll('choose-all01');
closeAll('choose-all02');
closeAll('choose-all03');
closeAll('choose-all04');
closeAll('choose-all05');
closeAll('choose-all06');
closeAll('choose-all07');
closeAll('choose-all08');
</script>
</body>
</html>
